<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div id="main" style="width: 600px;height: 400px"></div>
<script src="../echarts/dist/echarts.min.js"></script>
</body>
<script>
    var mychart=echarts.init(document.getElementById('main'));//获取图形放置的位置
    var option={
        itemStyle:{//这个属性是设置外部阴影的==
            normal:{
                backgroundcolor:'black',
                shadowBlur:200,
                shadowOffsetX:2,
                shadowOffsetY:3,
                shadowColor:'rgba(1,1,1,1)'
            }
        },
        series:[{
            name:'访问来源',
            type:'pie',
            radius:'55%',
            roseType:'angle',//将饼图设置成南丁格尔图
            data:[
                {value:300,name:'收缩引擎'},
                {value:500,name:'直接访问'},
                {value:400,name:'邮件指引'},
                {value:300,name:'联盟广告'},
                {value:200,name:'视频广告'}
            ]
         }
        ]
    }
    mychart.setOption(option)
</script>
</html>